/*头部以及左侧菜单样式*/
.max-box{
	width: 100%;
	height: 100%;
	position: relative;
	min-width: 1280px;
	background-color: #efeff4;
}

/*头部外层盒子*/
.top-box{
	width: 100%;
	height: 74px;
	box-sizing: border-box;
	border-bottom: 4px solid #1d224a;
	background: url(../yjzh-img/main/bottom-img.png) no-repeat bottom right;
	line-height: 70px;
}

/*logo图片*/
.logo-icon{
	height: 58px;
	width: 58px;
	margin-left: 50px;
	margin-top: 6px;
}

/*logo标题*/
.logo-title{
	display: inline-block;
	margin-left: 30px;
	font-size: 28px;
	color: #2b399e;
	font-weight: 600;
	vertical-align: top;
}

/*logo 树叶*/
.logo-leaf{
	display: inline-block;
	margin: 30px 0 0 30px;
	vertical-align: top;
}

/*右侧用户外层列表*/
.user-list{
	float: right;
	height: 100%;
	margin-right: 35px;
}

.user-list>li{
	float: right;
	height: 100%;
	padding: 0 15px;
}

/******************左侧菜单外层盒子******************/
/*左侧菜单外层盒子*/
.left-box{
	position: absolute;
	top: 74px;
	bottom: 0;
	left: 0;
	width: 60px;
}

/*左侧菜单内层盒子*/
.left-inner-box{
	position: relative;
	width: 100%;
	height: 100%;
	/*overflow-y: auto;
	overflow-x: overlay;*/
}

.pack-up-box{
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 20px;
	color: #fff;
	border-bottom: 1px solid rgba(239, 239, 244, 0.12);
	box-sizing: border-box;
}

.pack-up-box>span{
	display: none;
}

/*******************一级菜单列表********************/
.left-level1-list>li{
	position: relative;
}

.left-level1-list>li>a{
	display: inline-block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 20px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(239,239,244,0.12);
}

.left-level1-list>li>a *{
	color: #fff;
}

.left-level1-list>li>a>i{
    vertical-align: middle;
}

.left-level1-list>li>a>span{
	display: none;
}

/*一级菜单悬浮时的样式*/
.left-level1-list>li:hover>a{
	background: rgba( 255, 255, 255, 0.2);
}

.left-level1-list>li:hover>a>i:first-child,
.left-level1-list>li:hover>a>span{
	color: #d9bd16;
}

/*选中的样式*/
.checked-level1>a{
	background: rgba( 255, 255, 255, 0.2);
}

.checked-level1>a>span,
.checked-level1>a>i:first-child{
	color: #d9bd16;
}

.icon-right{
	display: none;
	float: right;
	margin-right: 10px;
	margin-top: 20px;
	color: #fff !important;
	font-size: 20px;
}

/*当菜单隐藏之后鼠标悬浮li上面的样式*/
.hidden-li{
	position: absolute;
	top: 0;
	left: 60px;
	width: 180px;
	background: #4a4e6e;
	border-bottom: 1px solid rgba(239,239,244,0.12);
	padding-left: 20px;
	z-index: 999;
	box-sizing: border-box;
}


/*************二级菜单列表**************/
.left-level2-list{
	width: 100%;
	display: none;
}

.left-level2-list>li{
	height: 60px;
	line-height: 60px;
}

.left-level2-list>li>a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-left: 35px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.1);
	border-bottom: 1px solid rgba(239,239,244,0.12);
}

.left-level2-list>li>a *{
	color: #fff;
}
/*二级菜单鼠标悬浮的时候样式*/
.left-level2-list>li:hover a{
	background: rgba(255,255,255,0.2);
}
.left-level2-list>li:hover a *{
	color: #d9bd16;
}

/*二级菜单选中时的样式*/
.left-level2-list>.checked-level2>a{
	background: rgba(255,255,255,0.2);
}

.left-level2-list>.checked-level2>a>span,
.left-level2-list>.checked-level2>a>i:first-child{
	color: #d9bd16;
}

/*菜单点击时的样式*/
.li-bg1{
	background: transparent !important;
}

.li-bg2{
	background: rgba( 255, 255, 255, 0.1) !important;
}

.li-bg3{
	background: rgba( 255, 255, 255, 0.2) !important;
}

.color1{
	color: #fff !important;
}

.color2{
	color: #d9bd16 !important;
}

/*当鼠标悬浮在一级菜单上时的二级菜单样式*/
.hidden-level2-list{
	position: absolute;
	top: 61px;
	left: 60px;
	width: 180px;
	background: #4a4e6e;
	z-index: 999;
}

.hidden-level2-list>li>a{
	background: #4a4e6e;
	padding-left: 20px;
}

/*******************************右侧内容外层盒子开始******************************/
.right-box{
	position: absolute;
	top: 74px;
	right: 0;
	bottom: 0;
	left: 60px;
}

.right-inner-box{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

/*面包屑页面样式*/
.top-nav-box{
	width: 100%;
	height: 50px;
	background: #fff;
}

/*面包屑中样式*/
.nav-title{
	display: inline-block;
	height: 100%;
	line-height: 50px;
	margin-left: 20px;
}

/*右侧时间控件*/
.right-time{
	float: right;
	margin-right: 30px;
	height: 100%;
	line-height: 50px;
	color: #666;
}

/*内容外层的盒子*/
.content-box{
	position: absolute;
	top: 60px;
	right: 0;
	bottom: 0;
	left: 0;
}

/*内容内层盒子样式*/
.content-inner-box{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow-y: auto;
}


